<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Web Application | todo</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/font.css" type="text/css" cache="false" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/js/fuelux/fuelux.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/js/datatables/datatables.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/plugin.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/app.css" type="text/css" />
  <style type="text/css">
  body {
	background-color: #716C9F;
}
  </style>

  <!--[if lt IE 9]>
    <script src="js/ie/respond.min.js" cache="false"></script>
    <script src="js/ie/html5.js" cache="false"></script>
    <script src="js/ie/fix.js" cache="false"></script>
  <![endif]-->
</head>
<body>
<div class="col-sm-12">
<br /><br />
    <?php echo form_open('absensi/lihatfoto/'.$hasil->ID_ABSEN); ?>
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
     <center> <img src="<?php echo $hasil->PATH_FOTO; ?>"/></center>
      <div class="carousel-caption">
        FOTO DATANG 
      </div>
    </div>
    
    <div class="item">
      <center> <img src="<?php echo $hasil->PATH_FOTO2; ?>"/></center>
      <div class="carousel-caption">
        FOTO PULANG
      </div>
    </div>
  </div>
   <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <i style="color: white;" class="fa fa-chevron-left" aria-hidden="true"></i>
    <i class="sr-only">Previous</i>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <i style="color: white;" class="fa fa-chevron-right" aria-hidden="true"></i>
    <i class="sr-only">Next</i>
  </a>
</div>
<?php echo form_close(); ?>
<script src="<?php echo base_url(); ?>assets/js/jquery.min.js"></script>
  <!-- Bootstrap -->
<script src="<?php echo base_url(); ?>assets/js/bootstrap.js"></script>
<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
  <!-- App -->
<script src="<?php echo base_url(); ?>assets/js/app.js"></script>
<script src="<?php echo base_url(); ?>assets/js/app.plugin.js"></script>
<script src="<?php echo base_url(); ?>assets/js/app.data.js"></script>
  <!-- fuelux -->
<script src="<?php echo base_url(); ?>assets/js/fuelux/fuelux.js"></script>
<script src="<?php echo base_url(); ?>assets/js/libs/underscore-min.js"></script>
  <!-- datatables -->
<script src="<?php echo base_url(); ?>assets/js/datatables/jquery.dataTables.min.js"></script>
  <!-- Sparkline Chart -->
<script src="<?php echo base_url(); ?>assets/js/charts/sparkline/jquery.sparkline.min.js"></script>
  <!-- Easy Pie Chart -->
<script src="<?php echo base_url(); ?>assets/js/charts/easypiechart/jquery.easy-pie-chart.js"></script>

  </div>
  
  <!-- kembali -->
  <div class="col-sm-12">
    <div>
    <br /><br />
        <center><a href="<?php echo base_url(); ?>index.php/absensi/tampil"><button class="btn btn info"> <i class="fa fa-back"></i> KEMBALI </button></a></center>
    </div>
  </div>
</body>
</html>
